<!-- 这里不需要具有完全的布局，因为这个页面将与Ajax解析-->
<!-- 顶部导航栏 -->
<div class="navbar">
	<div class="navbar-inner">
		<div class="left">
			<a href="#" class="back link"> <i class="icon icon-back"></i><span>返回</span></a>
		</div>
		<div class="center sliding">
			list
		</div>
	</div>
</div>
<div class="pages">
	<!-- Page, data-page contains page name-->
	<div data-page="list-content" class="page no-tabbar">
		<!-- Scrollable page content-->
		<div class="page-content">
			<div class="content-block-title">
				Full Layout
			</div>
			<div class="list-block">
				<ul>
					<li class="item-content">
						<div class="item-media">
							<i class="icon icon-f7"></i>
						</div>
						<div class="item-inner">
							<div class="item-title">
								Item title
							</div>
							<div class="item-after">
								Label
							</div>
						</div>
					</li>
					<li class="item-content">
						<div class="item-media">
							<i class="icon icon-f7"></i>
						</div>
						<div class="item-inner">
							<div class="item-title">
								Item with badge
							</div>
							<div class="item-after">
								<span class="badge">5</span>
							</div>
						</div>
					</li>
					<li class="item-content">
						<div class="item-media">
							<i class="icon icon-f7"></i>
						</div>
						<div class="item-inner">
							<div class="item-title">
								Another item
							</div>
							<div class="item-after">
								Another label
							</div>
						</div>
					</li>
				</ul>
				<div class="list-block-label">
					List block label text goes here
				</div>
			</div>
			<div class="content-block-title">
				只有标题
			</div>
			<div class="list-block">
				<ul>
					<li class="item-content">
						<div class="item-inner">
							<div class="item-title">
								Item title
							</div>
						</div>
					</li>
					<li class="item-content">
						<div class="item-inner">
							<div class="item-title">
								Item with badge
							</div>
						</div>
					</li>
					<li class="item-content">
						<div class="item-inner">
							<div class="item-title">
								Another item
							</div>
						</div>
					</li>
				</ul>
			</div>
			<div class="content-block-title">
				分组列表(Group List)
			</div>
			<div class="list-block ">
				<!-- First group-->
				<div class="list-group">
					<ul>
						<li class="list-group-title">
							First group
						</li>
						<li class="item-content">
							<div class="item-media">
								<i class="icon icon-f7"></i>
							</div>
							<div class="item-inner">
								<div class="item-title">
									Item title
								</div>
								<div class="item-after">
									Label
								</div>
							</div>
						</li>
						<li class="item-content">
							<div class="item-media">
								<i class="icon icon-f7"></i>
							</div>
							<div class="item-inner">
								<div class="item-title">
									Item with badge
								</div>
								<div class="item-after">
									<span class="badge">5</span>
								</div>
							</div>
						</li>
					</ul>
				</div>
				<!-- Second group-->
				<div class="list-group">
					<ul>
						<li class="list-group-title">
							Second Group
						</li>
						<li class="item-content">
							<div class="item-media">
								<i class="icon icon-f7"></i>
							</div>
							<div class="item-inner">
								<div class="item-title">
									Item title
								</div>
								<div class="item-after">
									Label
								</div>
							</div>
						</li>
						<li class="item-content">
							<div class="item-media">
								<i class="icon icon-f7"></i>
							</div>
							<div class="item-inner">
								<div class="item-title">
									Item with badge
								</div>
								<div class="item-after">
									<span class="badge">5</span>
								</div>
							</div>
						</li>
					</ul>
				</div>
			</div>
		</div>
	</div>
</div>